<template>
	<div class="box">
		<span :class="icon"></span>
		<p>{{title}}</p>
	</div>
</template>

<script>
	export default{
		name:"myEntranceIcon",
		props:['icon','title']
	}
</script>

<style scoped="scoped">
	@import url("https://img02.hua.com/res/iconfont/iconfont.css");
	.box{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.box span{
		font-size: 0.4rem;
	}
	.box p{
		font-size: 0.25rem;
	}
</style>
